<template>
  <div>
     <div>
      <!-- v-bind 单向数据绑定，可以省略写成： -->
       <input type="checkbox" :checked="flag">

       <span>按钮</span>
       <hr>
       <!-- 省略写法要牢记 -->
       <a :href="url">点我跳转到百度</a>
       
      
     </div>
   </div>
</template>
 
<script>
export default {
 
  data() {
    return {
      flag:true,
      url:'http://www.baidu.com',

    };
  },
  methods: {}
};
</script>

<style scoped>
     
</style>